@charset 'utf-8';

.container{background: #fff;}
.main-pro{width: 100%; height: 460px;position: relative;padding-top: 40px;}
.main-pro:before{content: "";display: block;width: 100%;height: 1px;background: #d8d8d8;position: absolute;top:57px;}
.title{font-size: 32px;font-weight: normal; line-height:34px;color: #0075c2;text-align: center;width: 160px;background: #fff;margin: 0 auto;position: relative;}
.title:before{display: block;content: "";width:5px;height: 5px;background: #d8d8d8;position: absolute;left: 0;top: 15px }
.title:after{display: block;content: "";width:5px;height: 5px;background: #d8d8d8;position: absolute;right: 0;top: 15px }
.em{display: block; font-size: 12px;line-height: 24px;color: #999;text-transform: uppercase;text-align: center;}
.main-pro .context{margin-top: 50px;text-align: center;}
.main-pro .context ul{}
.main-pro .context li{display:inline-block;width:240px}
.main-pro .context li .round{width: 200px;height: 200px;border-radius: 50%;margin:0 auto 40px;overflow: hidden;}
.main-pro .context li h2{font-weight: normal;font-size: 16px;line-height: 24px;color: #000}
.main-pro .context li p{font-size: 12px;line-height: 24px;color: #999;}
.main-pro .context li img{width:200px;height:auto;}

/*.main-pro .context li:hover .round img{margin-top: -156px;}*/

/*.main-pro .context li.li1 .round{background-position: 50px -70px}
.main-pro .context li.li2 .round{background-position: 50px -190px}
.main-pro .context li.li3 .round{background-position: 55px -302px}
.main-pro .context li.li4 .round{background-position: 50px -415px}

.main-pro .context li:hover .round{background:#0075c2 url(../images/icon.png) no-repeat -62px 50px;border: 1px solid #0075c2}
.main-pro .context li:hover h2,.main-pro .context li:hover p{color: #0075c2}
.main-pro .context li.li1:hover .round{background-position: -62px -70px}
.main-pro .context li.li2:hover .round{background-position: -62px -190px}
.main-pro .context li.li3:hover .round{background-position: -57px -302px}
/.main-pro .context li.li4:hover .round{background-position: -62px -415px}*/

.main-app{width: 100%;height:730px;padding-top:135px;background:#333 url(../images/icon3.png) no-repeat center -2px;position: relative;}
.main-app:before{content: "";display: block;width: 100%;height: 1px;background: #6d6d6d;position: absolute;top:152px;}
.main-app:after{content: "";display: block;width: 100%;height: 90px;background:url(../images/icon4.png) no-repeat center;position: absolute;bottom: 0;z-index: 999;}
.main-app .title{color: #fff;background:#333;}

.main-app .pro_center{padding-top: 35px;}
.main-app .pro_center .bd{overflow: hidden;}
.main-app .pro_center .bd ul{}
.main-app .pro_center .bd li{display: inline-block;background: #0075c2; width: 320px;height: 340px;overflow: hidden;margin-right: 18px;color:#fff;padding-bottom: 30px;position: relative;}
.main-app .pro_center .bd li .pad{position: absolute;z-index: 1;top: 200px; padding-left: 12px;background: #0075c2;color: #Fff}
.main-app .pro_center .bd li img{width: 320px;height: 200px;}
.main-app .pro_center .bd li h2{font-size: 16px;line-height: 36px;font-weight: normal;margin-top: 6px}
.main-app .pro_center .bd li p{font-size: 12px;line-height: 22px;}
.main-app .pro_center .hd{text-align: center;height: 12px;margin-top:15px;}
.main-app .pro_center .hd li{display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: #d8d8d8;text-indent:-999em;margin: 0 11px;}
.main-app .pro_center .hd li.on{background: #0075c2;}

.main-com{width: 100%; min-height: 510px;position: relative;padding-top: 40px;}
.main-com:before{content: "";display: block;width: 100%;height: 1px;background: #d8d8d8;position: absolute;top:57px;}
.main-com .company{margin-top: 40px;}
.main-com .adcon{padding-top: 50px;}
.main-com p{font-size: 14px;line-height: 24px;color: #666;text-align: center;}
.main-com .company ul{text-align: center;}
.main-com .company li{display:inline-block;width: 242px;height: 118px;margin: 0 35px;position: relative;}
.main-com .company li h2{font-weight: normal;font-size: 18px;line-height: 24px;color: #fff;position: absolute;top:44px;width: 100%;text-align: center;}


.main-new{width: 100%; min-height:866px;padding-top:135px;background:#333 url(../images/icon2.png) no-repeat center -2px;position: relative;}
.main-new:before{content: "";display: block;width: 100%;height: 1px;background: #6d6d6d;position: absolute;top:152px;}
.main-new:after{content: "";display: block;width: 100%;height: 90px;background:url(../images/icon5.png) no-repeat center;position: absolute;bottom: 0;z-index: 999;}
.main-new .title{color: #fff;background:#333;}
.main-new .news{height: 450px;margin-top: 40px;overflow: hidden;color: #fff;}
.main-new .news>img{width: 495px;height:450px;float: left;}
.main-new .news ul{float: right;}
.main-new .news li{width:490px;height: 140px;margin-bottom:15px;background: #444;padding-right: 20px; }
.main-new .news li img{width: 140px;height: 140px;float: left;margin-right: 28px}
.main-new .news li h2{font-weight: normal;font-size: 14px;line-height:66px;margin-bottom: -10px}
.main-new .news li p{font-size: 12px;line-height: 20px;text-align: justify;}